<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <style type="text/css">
     #p1{text-decoration:underline;}
     #p2{text-decoration: line-through;}
     #p3{text-decoration:  overline;}
 </style>
</head>
<body>
  <p id="p1">这是“下划线”的效果</p> 
  <p id="p2">这是“删除线”的效果</p>  
  <p id="p3">这是“顶划线”的效果</p>   
</body>
</html>